import { fileURLToPath, URL } from 'node:url'
import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import UnoCSS from 'unocss/vite'
import { createRequire } from 'node:module'

// const require = createRequire(import.meta.url)
// 引入等比适配插件
// const px2rem = require('postcss-px2rem')
 
// // 配置基本大小
// const postcss = px2rem({
//   // 基准大小 baseSize，需要和rem.js中相同
//   // remUnit: 14 代表 1rem = 14px; 所以当你一个14px值时，它会自动转成 (14px/14)rem
//   remUnit: 14
// })


// https://vitejs.dev/config/
export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd())
  return {
    build: {
      // 打包输出文件名称
      outDir: `${env.VITE_APP_NAME}`
    },
    plugins: [vue(), UnoCSS({ configFile: './uno.config.ts' })],
    resolve: {
      alias: {
        '@': fileURLToPath(new URL('./src', import.meta.url))
      }
    },
    css: {
      // postcss: {
      //   plugins: [
      //     px2rem({
      //       // 基准大小 baseSize，需要和rem.js中相同
      //       // remUnit: 14 代表 1rem = 14px; 所以当你一个14px值时，它会自动转成 (14px/14)rem
      //       remUnit: 14
      //     })
      //   ],
      // },
    },

  }
})
